<template>
    <div>{{message}} <p class="pstyle">一条数据</p> <input type="password">输入数据</input>
    <h1>casdhashdjka</h1><br>
    <h2>biaoti2</h2>
    <el-button id="btn" type="primary"  @click="btnClick">主要按钮</el-button>
  <el-button type="success" disabled>成功按钮</el-button>
  <el-button type="info" disabled>信息按钮</el-button>
  <el-button type="warning" disabled>警告按钮</el-button>
  <el-button type="danger" disabled>危险按钮</el-button>
    </div>
   
   

</template>
<script >

export default{
    name: "DemoOne",
    data(){
        return {
            message:"测试数据"

        }
    },
    beforeCreate(){},
    computed(){},
    mounted(){},
    methods(){},
    methods:{
        btnClick() {
            this.message = '重新赋值';
        }
    }
}
</script>
<style lang="less">
    .pstyle{
        padding: 12px 0;
    }
    #btn{
        color: brown;
    }
</style>>